* {
padding: 0;
margin: 0;
text-align: left;
font-family: 'microsoft yahei';
color: #3D3D3D; }
img {
border: 0; }
ul {
margin: 0; }
p {
margin: 0; }
a, a:Hover {
text-decoration: none;
color: #333333; }
a:hover {
color: #1977df; }
li {
list-style: none; }
.mt10 {
margin-top: 10px; }
.mt20 {
margin-top: 20px !important; }
.mt30 {
margin-top: 30px !important; }
.mt40 {
margin-top: 40px !important; }
.mt50 {
margin-top: 50px !important; }
.mt60 {
margin-top: 60px; }
.mt80 {
margin-top: 80px; }
.mt100 {
margin-top: 100px; }
.mb20 {
margin-bottom: 20px; }
.pt10 {
padding-top: 10px; }
.pt20 {
padding-top: 20px; }
.pt30 {
padding-top: 30px; }
.pt40 {
padding-top: 40px; }
.pt50 {
padding-top: 50px; }
.pt100 {
padding-top: 100px; }
.pt120 {
padding-top: 120px; }
.pb10 {
padding-bottom: 10px; }
.pb20 {
padding-bottom: 20px; }
.pb30 {
padding-bottom: 30px; }
.pb40 {
padding-bottom: 40px; }
.pl10 {
padding-left: 10px !important; }
.pl20 {
padding-left: 20px !important; }
.pr10 {
padding-right: 10px !important; }
.pr20 {
padding-right: 20px !important; }
.clear {
clear: both; }
.fl {
float: left; }
.fr {
float: right; }
.container {
width: 100%;
padding-left: 0;
padding-right: 0;
text-align: center; }
.row {
width: 1200px;
margin: 0 auto; }
.big-row {
width: 1250px; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.text-center {
text-align: center; }
.transition {
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s; }
/*
box model;
*/
.about-img .content .left-img, .index-honor .honor-subtitle span, .index-news .news-text .right-list ul li .left-date, .index-industry .industry-text .industry-list ul li a {
float: left; }
.index-honor .honor-subtitle p, .index-news .news-text .right-list ul li .right-text, .index-industry .industry-text .industry-list ul li span {
float: right; }
.about-img .content p a, .sour-title a, .footer .title p {
display: inline-block;
*display: inline;
*zoom: 1; }
.back-top-gray {
background-color: #f8f6f9;overflow: hidden;
height: 34px; }
.back-top-gray p {
line-height: 34px;
color: #666666;
font-size: 12px; }
.back-top-gray p a {
color: #666666;
padding: 0 10px;
font-size: 12px; }
.back-top-gray p a:hover {
color: #000033; }
.back-top-gray p a + a {
border-left: 1px solid #666666; }
.welcome {
width: 790px;}
.welcome p {width:200px;float: left;}
.welcome div {width:415px;}
.welcome div span{width:520px;display: block;line-height: 34px;color:#C50003;font-size: 12px;}
.piecemeal { width: 210px; }
.top-logo { height: 70px; }
.toplogo { width: 312px; }
.logoleft { margin-top: 5px;width: 420px;height: 54px; padding-left: 10px; }
.logoleft p {
display: block;
font-size: 14px;
margin-left: 20px;
line-height: 20px; }
.logoleft p span {
color: #d6252d;
font-size: 14px; }
.logoright {
width: 300px;
padding-left: 30px;
margin-left: 10px;
margin-top: 10px;
background: url(../images/top-tel.jpg) no-repeat left center; }
.logoright p {
line-height: 30px;
font-size: 16px; }
.logoright p span {
color: #000;
font-size: 24px;
font-weight: 900; }
.language {
width: 210px;
text-align: right;
line-height: 36px;
vertical-align: middle; }
.language img {
vertical-align: middle;
margin-left: 10px; }
.language span {
vertical-align: middle;
margin-left: 5px;
line-height: 36px; }
.nav_green {
background: url(../images/imgbg3.png);
position: absolute;
top: 0;
z-index: 999999;
height: 47px; }
ul.gdao li {
width: 150px;
float: left;
list-style: none;
text-align: center;
line-height: 47px;
position: relative;
height: auto; }
ul.gdao li a {
display: block;
height: 47px;
text-align: center;
position: relative; }
ul.gdao li:hover ,ul.gdao li.hover {
background-color: #014ca9; }
ul.gdao li b {
color: #ffffff;
font-size: 14px;
text-align: center;
line-height: 30px;
padding-top: 5px;
display: inline-block; }
ul.gdao li:hover b {
color: #ffffff; }
ul.gdao li span {
color: #ffffff;
font-family: 'Arial';
line-height: 12px; }
ul.gdao li ul {
width: 360px;
top: 47px;
line-height: 30px;
position: absolute;
z-index: 999;
left: 0;
display: none; }
ul.gdao li ul li {
float: left;
height: 40px;
width: 50%;
border-bottom: 1px dotted #fcf5c1;
background: none;
background-color: #ffffff;
line-height: 40px;
position: relative; }
ul.gdao li ul li:hover {
background: none;
background-color: #014ca9;
line-height: 40px;
padding: 0; }
ul.gdao li ul li a {
color: #000000;
line-height: 40px;
height: 40px;
display: block;
padding: 0;
position: relative; }
ul.gdao li ul li:hover a {
color: #fff; }
ul.gdao li ul li ul {
position: absolute;
width: 120px;
height: 50px;
left: 12.5%;
top: 0;
display: none; }
ul.gdao li ul li:hover ul {
display: none; }
ul.gdao li ul li:hover ul li a {
color: #ffffff; }
ul.gdao li ul li ul li {
width: 120px;
height: 40px;
background-color: #666666; }
ul.gdao li ul li ul li:hover a {
color: #ffffff;
display: block;
width: 12.5%;
height: 40px;
background-color: #333333; }
ul.gdao li ul li ul li a:Hover {
color: #333333;
background-color: #fcf5c1; }
ul.gdao li ul div.toplei {
width: 152px;
padding: 10px;
border-left: 1px #cccccc solid;
overflow: hidden;
height: auto; }
ul.gdao li ul .tflda a {
font-weight: 900;
font-size: 14px; }
ul.gdao li ul .tflxa a {
display: block;
width: 100%;
text-align: left;
line-height: 24px;
height: 24px; }
.fullSlide {
width: 100%;
position: relative;
height: 600px;
overflow: hidden;
background: #000;
text-align: center; }
.fullSlide .bd {
margin: 0 auto;
position: relative;
z-index: 0;
overflow: hidden; }
.fullSlide .bd ul {
width: 100% !important; }
.fullSlide .bd li {
width: 100% !important;
height: 600px;
overflow: hidden;
text-align: center; }
.fullSlide .bd li a {
display: block;
height: 600px; }
.fullSlide .hd {
width: 100%;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
height: 30px;
line-height: 30px; }
.fullSlide .hd ul {
text-align: center; }
.fullSlide .hd ul li {
cursor: pointer;
display: inline-block;
*display: inline;
zoom: 1;
width: 47px;
height: 11px;
margin: 1px;
overflow: hidden;
background: #000;
filter: alpha(opacity=50);
opacity: 0.5;
line-height: 999px; }
.fullSlide .hd ul .on {
background: #f00; }
.fullSlide .prev, .fullSlide .next {
position: absolute;
z-index: 999;
top: 40%;
left: 10%;
width: 30px;
height: 80px;
background: url(../images/left_on.png) no-repeat;
cursor: pointer;
display: none; }
.fullSlide .next {
left: auto;
right: 10%;
background: url(../images/right_on.png) no-repeat; }
.pro-title {
text-align: center; }
.pro-title a h2 {
font-size: 36px;
text-align: center; }
.pro-title span {
font-size: 14px;
color: #999;
border-bottom: 2px solid #999; }
.pro-list {
text-align: center;
overflow: hidden;}
.pro-list ul {
width: 104%;
text-align: center; }
.pro-list ul li {
width: 210px;
display: inline-block;
margin-right: 15px;
margin-top: 20px; }
.pro-list ul li a {
height: 40px;
line-height: 40px;
background-color: #0066b5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
width: 100%;
text-align: center;
color: #ffffff;
font-size: 16px; }
.pro-list ul li a:hover,.pro-list ul li.on a{
background-color: #ec7c13; }
.index-pro {
position: relative;
overflow: hidden;}
.index-pro ul{overflow: hidden;}
.index-pro ul li {
overflow: hidden;
width: 295px;
height: 219px;
position: relative;
margin-top: 20px;
margin-right: 5px;
float: left; }
.index-pro ul li a img {
width: 295px;
height: 219px; }
.index-pro ul li a p {
background: url(../images/imgbg1.png);
position: absolute;
width: 100%;
height: 219px;
bottom: -179px; }
.index-pro ul li a p cite {
display: block;
text-align: left;
padding-left: 20px;
color: #ffffff;
font-weight: 900;
height: 34px;
line-height: 34px;
font-style: normal; }
.index-pro ul li a p span {
display: block;
padding-top: 40px;
text-align: center;
color: #ffffff;
font-size: 16px; }
.index-pro ul li a p span i {
color: #ee7600;
font-style: normal;
font-size: 24px;
font-weight: 900;
display: block;
text-align: center; }
.index-pro ul li a:hover p {
bottom: 0; }
.about-img {
background: url(../images/about_bg.jpg) no-repeat center top;
padding-bottom: 40px;
overflow: hidden; }
.about-img .pro-title a h2 {
color: #ffffff; }
.about-img .pro-title span {
color: #ffffff; }
.about-img .content .left-img {
width: 526px;
height: 394px;
margin-right: 20px; }
.about-img .content p {
text-indent: 2rem;
line-height: 3rem;
color: #ffffff; }
.about-img .content p a {
line-height: 40px;
width: 134px;
text-align: center;
text-indent: 0;
background-color: #0d5bbd;
color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.about-img .content p a:hover {
background-color: #ec7c13; }
.about-img .advantage {
background: url(../images/adv.jpg) left bottom no-repeat;
height: 160px; }
.about-img .advantage ul li {
float: left;
width: 200px;
text-align: center; }
.about-img .advantage ul li cite {
font-size: 24px;
display: block;
text-align: center;
font-style: normal;
color: #ffffff; }
.about-con {
width: 416px; }
.about-con p {
text-indent: 2rem;
line-height: 2.2rem; }
.about-con a.check {
display: inline-block;
width: 124px;
height: 36px;
text-align: center;
line-height: 36px;
color: #ffffff;
background-color: #009239; }
.about-con a.check:hover {
background-color: #e60012; }
.index-honor {
padding-bottom: 80px;
background: url(../images/case.gif) no-repeat center top; }
.index-honor .honor-subtitle {
background: url(../images/index-honor.jpg) no-repeat;
height: 49px; }
.index-honor .honor-subtitle span {
color: #ffffff;
font-size: 18px;
line-height: 49px;
padding-left: 30px; }
.index-honor .honor-subtitle p {
background: url(../images/honor-tel.png) no-repeat left center;
padding-left: 40px;
font-size: 20px;
line-height: 49px;
color: #ffffff;
text-align: right;
margin-right: 30px;
font-weight: 900; }
.multipleColumn {
position: relative;
width: 1200px; }
.multipleColumn .hd {
overflow: hidden;
height: 30px; }
.multipleColumn .hd .prev, .multipleColumn .hd .next {
right: -80px;
top: 190px;
position: absolute;
display: block;
width: 30px;
height: 80px;
cursor: pointer;
background: url("../images/right_btn.png") no-repeat; }
.multipleColumn .hd .next {
background: url("../images/left_btn.png") no-repeat;
left: -80px; }
.multipleColumn .hd ul {
float: right;
overflow: hidden;
zoom: 1;
margin-top: 10px;
zoom: 1; }
.multipleColumn .hd ul li {
float: left;
width: 9px;
height: 9px;
overflow: hidden;
margin-right: 5px;
text-indent: -999px;
cursor: pointer;
background: url("../images/icoCircle.gif") 0 -9px no-repeat; }
.multipleColumn .hd ul li.on {
background-position: 0 0; }
.multipleColumn .bd {
overflow: hidden; }
.multipleColumn .bd ul {
overflow: hidden;
zoom: 1;
width: 600px;
float: left;
_display: inline; }
.multipleColumn .bd ul li {
margin: 10px;
float: left;
_display: inline;
overflow: hidden;
text-align: center;
position: relative;
width: 280px;
height: 194px; }
.multipleColumn .bd ul li .pic {
margin-top: 10px; }
.multipleColumn .bd ul li .title {
text-align: center;
position: absolute;
width: 100%;
height: 32px;
bottom: 0;
background: url(../images/imgbg1.png); }
.multipleColumn .bd ul li .title a {
line-height: 32px;
color: #ffffff; }
.multipleColumn .bd ul li .pic img {
width: 279px;
height: 194px;
display: block; }
.multipleColumn .bd ul li .pic a:hover img {
border-color: #999; }
.multipleColumn .bd ul li:hover .title {
background: url(../images/imgbg3.png); }
.common-title i {
display: inline-block;
float: left;
font-size: 40px;
color: #cccccc; }
.common-title h2 {
display: inline-block;
font-size: 30px;
vertical-align: middle; }
.surroundings {
background: url(../images/surroundings.jpg) no-repeat center top;
height: 727px;
padding-top: 70px; }
.surroundings .pro-title a h2 {
color: #ffffff; }
.surroundings .pro-title span {
color: #ffffff;
border-bottom: 2px solid #ee7600; }
.picScroll-left {
position: relative; }
.picScroll-left .hd {
height: 30px;
width: 100%;
position: relative; }
.picScroll-left .hd .prev {
display: block;
width: 28px;
height: 28px;
position: absolute;
left: -50px;
top: 100px;
cursor: pointer;
background: url("../images/news-left.jpg") no-repeat; }
.picScroll-left .hd .next {
display: block;
width: 28px;
height: 28px;
position: absolute;
right: -50px;
top: 100px;
cursor: pointer;
background: url("../images/news-right.jpg") no-repeat; }
.picScroll-left .hd .prevStop {
background-position: -60px 0; }
.picScroll-left .hd .nextStop {
background-position: -60px -50px; }
.picScroll-left .hd ul {
float: right;
overflow: hidden;
zoom: 1;
margin-top: 10px;
zoom: 1; }
.picScroll-left .hd ul li {
float: left;
width: 9px;
height: 9px;
overflow: hidden;
margin-right: 5px;
text-indent: -999px;
cursor: pointer;
background: url("../../images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on {
background-position: 0 0; }
.picScroll-left .bd {
height: 304px;
border-bottom: 1px solid #cccccc; }
.picScroll-left .bd ul {
zoom: 1;
height: 340px; }
.picScroll-left .bd ul li {
margin: 0 8px;
float: left;
_display: inline;
text-align: center;
position: relative;
width: 222px; }
.picScroll-left .bd ul li .pic {
width: 218px;
height: 218px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 2px solid #ffffff;
overflow: hidden; }
.picScroll-left .bd ul li:hover .pic {
border: 2px solid #ee7600; }
.picScroll-left .bd ul li .pic img {
width: 218px;
height: 218px;
display: block; }
.picScroll-left .bd ul li .title {
line-height: 24px;
text-align: center; }
.picScroll-left .bd ul li .title a {
color: #ffffff;
line-height: 50px; }
.picScroll-left .bd ul li span {
position: absolute;
width: 20px;
height: 20px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #a8a75d;
bottom: -45px; }
.picScroll-left .bd ul li:hover span {
background-color: #d36b04; }
.sour-title {
text-align: center; }
.sour-title h3 {
color: #ffffff;
font-size: 24px;
text-align: center; }
.sour-title p {
color: #ffffff;
text-align: center; }
.sour-title a {
padding: 0 60px;
background-color: #ee7600;
line-height: 50px;
height: 50px;
color: #ffffff; }
.sour-title a:hover {
background-color: #0032ad; }
.ovh {
overflow: hidden;
padding-bottom: 40px; }
.index-news {
width: 590px; }
.index-news .title-news h2 {
font-size: 30px; }
.index-news .news-text {
background-color: #fff;
overflow: hidden; }
.index-news .news-text .left-img {
width: 245px; }
.index-news .news-text .right-list {
width: 310px;
padding-right: 22px;
padding-top: 20px; }
.index-news .news-text .right-list ul li {
padding-left: 28px;
border-bottom: 1px dotted #cccccc;
overflow: hidden;
padding-bottom: 10px;
margin-bottom: 10px; }
.index-news .news-text .right-list ul li .left-date {
width: 60px;
height: 60px;
background-color: #dfdfdf;
text-align: center; }
.index-news .news-text .right-list ul li .left-date span {
padding-top: 8px;
font-size: 20px;
color: #333;
display: block;
text-align: center;
font-weight: 900; }
.index-news .news-text .right-list ul li .left-date cite {
font-size: 12px;
color: #333; }
.index-news .news-text .right-list ul li .right-text {
width: 200px; }
.index-news .news-text .right-list ul li .right-text a {
font-weight: 900; }
.index-news .news-text .right-list ul li .right-text p {
color: #999999; }
.index-news .news-text .right-list ul li:hover .left-date {
background-color: #00519c; }
.index-news .news-text .right-list ul li:hover .left-date span {
color: #ffffff; }
.index-news .news-text .right-list ul li:hover .left-date cite {
color: #ffffff; }
.index-industry {
width: 587px; }
.index-industry .industry-title a h2 {
font-size: 30px; }
.index-industry .industry-text {
background-color: #fff; }
.index-industry .industry-text .industry-one {
overflow: hidden; }
.index-industry .industry-text .industry-one .left-img {
width: 288px; }
.index-industry .industry-text .industry-one .right-text {
width: 260px;
padding: 15px; }
.index-industry .industry-text .industry-one .right-text a {
font-weight: 900; }
.index-industry .industry-text .industry-one .right-text p {
color: #999999; }
.index-industry .industry-text .industry-list {
padding: 15px; }
.index-industry .industry-text .industry-list ul li {
border-bottom: 1px solid #cccccc;
overflow: hidden; }
.index-industry .industry-text .industry-list ul li a {
padding-left: 14px;
background: url(../images/industry-list.jpg) left center no-repeat;
line-height: 36px; }
.index-industry .industry-text .industry-list ul li span {
line-height: 36px; }
.iw_poi_title {
color: #CC5522;
font-size: 14px;
font-weight: bold;
overflow: hidden;
padding-right: 13px;
white-space: nowrap; }
.iw_poi_content {
font: 12px arial,sans-serif;
overflow: visible;
padding-top: 4px;
white-space: -moz-pre-wrap;
word-wrap: break-word; }
.bo-two {
background-color: #dedede;
padding: 15px 0; }
.bo-two .left-icon {
width: 90px;
line-height: 80px;
vertical-align: middle; }
.bo-two .left-icon img {
vertical-align: middle; }
.bo-two .left-text {
padding-top: 16px; }
.bo-two .left-text span {
color: #000000; }
.bo-two .left-text b {
font-weight: 900;
font-size: 26px;
display: block;
color: #00519c; }
.bo-two .right-text {
padding-top: 16px; }
.bo-two .right-text b {
color: #000000;
font-size: 34px; }
.bo-two .right-text span {
line-height: 34px;
color: #000000;
font-size: 26px; }
.footer {
background: #012444;
overflow: hidden;
padding: 30px 0; }
.footer ul li {
display: inline-block;
margin-right: 14px;
width: 142px; }
.footer ul li a {
color: #cccccc;
line-height: 32px; }
.footer ul li a:hover {
color: #ee9f00; }
.footer .title {
height: 44px; }
.footer .title p {
color: #ffffff;
font-size: 18px;
line-height: 32px; }
.footer .bottom-about {
width: 310px; }
.footer .bottom-about .bottom-contact p {
color: #cccccc;
line-height: 32px; }
.footer .bottom-pro {
width: 324px;
margin-left: 40px; }
.footer .bottom-contact-two {
width: 324px; }
.footer .bottom-contact-two span {
color: #ffffff;
display: block;
line-height: 30px; }
.footer .right-rq {
color: #ffffff;
width: 188px;
text-align: center; }
.footer .right-rq span {
display: block;
text-align: center;
color: #ffffff;
font-size: 12px; }
.friend-link span {
color: #cccccc;
font-weight: 900; }
.friend-link a {
color: #cccccc;
padding: 0 20px; }
/*# sourceMappingURL=index.css.map */